<template>
  <div class="mynavbar">
    <el-row type="flex" justify="space-between" align="center">
      <!-- 左边 -->
      <div class="before">
        <slot name="before" />
      </div>
      <div class="after">
        <slot name="after" />
      </div>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'MyNavBar'
};
</script>
<style lang="scss" scoped>
// .before {
//   display: flex;
//   align-items: center;
//   border-radius: 3px;
//   border: 1px solid #91d5ff;
//   background: #e6f7ff;
//   font-size: 14px;
//   padding: 0 10px;

//   i {
//     margin-right: 5px;
//     color: #63c1fc;
//   }
// }

// .after {
//   width: 100%;
//   display: flex;
//   justify-content: end;
// }
</style>
